<extend name="Public:base" />
<block name="content">
    <form method="post" id="validation-form" action="{:U('Category/del')}">
    <div class="table-responsive">
			<table class="table table-striped table-bordered table-hover search-form"   id="nav-table">
				<thead>
					<th>分类名称：<input name="name" type="text" placeholder="输入名称" value="{:I('name')}" />
					<a class="btn btn-primary radius5 btn-sm" href="javascript:;" id="search" url="{:U('Category/one')}">查询</a>
					<a  style="{$update==1?'':'display: none'}" class="btn btn-primary radius5 btn-sm" href="{:U('Category/addone')}">添加一级分类</a>
			    <input  style="{$delete==1?'':'display: none'}" class="btn btn-danger radius5 btn-sm" id="submitBtn" type="submit" id="submitBtn"  value="删除"></th>
				</thead>
			</table>
		</div>
	<div class="table-responsive">
		<table class="table table-striped table-bordered table-hover" id="mytable">
			<thead>
				<tr>
					<th class="center" style="width: 30px"><input id="CheckAll" type="checkbox" /></th>
					<th>分类编号</th>
					<th>图标</th>
					<th>分类名称</th>
					<th>说明</th>
					<th>排序</th>
					<th>状态</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
					<volist name="category" id="vo">
					<tr>
						<td class="center"><input name="Del[]" value="{$vo.category_id}" type="checkbox" /></td>
						<td>{$key+1}</td>
						<td style="width: 50px"><img src="{$vo.icon}?imageView2/1/w/50/h/50/q/100"/></td>
						<td>{$vo.category_name}</td>
						<td>{$vo.desc}</td>
						<td>{$vo.order}</td>
						<td>
                              <?php
							switch($vo['status']){
								case '1':
								echo '<span class="green bold">启用</span>';
                                  break;
                                  case '2':
                                  echo '<span class="red bold">停用</span>';
                                  break;
                               }
                              ?>
						</td>
						<td>
                              <a href="{:U('category/edit')}/id/{$vo.category_id}" class="btn btn-xs btn-info radius5">
                              <i class="ace-icon fa">编辑</i>
                              </a>
						</td>
					</tr>
					</volist>
					<tr>
						<td colspan="20" class="page">{$page}</td>
					</tr>
			</tbody>
		</form>
		</table>
	</div>
</block>

<block name="javascript">
<script>
$(function(){

	$("#search").click(function () {
        var url = $(this).attr('url');
        var query = $('.search-form').find('input,select').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
        query = query.replace(/^&/g, '');
        if (url.indexOf('?') > 0) {
            url += '&' + query;
        } else {
            url += '?' + query;
        }
        window.location.href = url;
    });

    $('#CheckAll').click(function () {
        $("input[name='Del[]']").prop('checked', this.checked);
    })

    $("#submitBtn").click(function(){
        var result = new Array(), str = '';
        $('input[name="Del[]"]:checked').each(function () {
            result.push($(this).val());
        });
        var str = result.join(',');
        if (str == '') {
			$.jbox.info('没有选中任何数据！','提示');
            return false;
        }
		var submit = function (v, h, f) {
			if (v == 'ok') {
				$('#validation-form').ajaxSubmit(function(data){
					if(data=='1'){
						$.jbox.tip("正在删除数据...", 'loading');
						// 模拟2秒后完成操作
						window.setTimeout(function () { $.jbox.tip('删除成功。', 'success');location.reload()}, 1000);
					}else if(data=='-1'){
						$.jbox.info("删除失败!",'提示');
					}else if(data=='2'){
						$.jbox.info("请先删除子级关系!",'提示');
					}
				});
			}
			else if (v == 'cancel') {
				// 取消
			}

			return true; //close
		};

		$.jbox.confirm("确定要删除数据吗？", "提示", submit);

		return false;

    });

});
</script>

</block>